// 因为在main.js中用了Vue.use(obj),所以会来执行obj.install
// 并且他执行的时候默认会传过来Vue

import Toast from './Toast'

const obj = {
  install(Vue) {
    // document.body.appendChild(Toast.$el)

    // 1.创建组件构造器
    const toastConstructor = Vue.extend(Toast)

    // 2.new的方式,根据组件构造器,可以创建出来一个组件对象
    const toast = new toastConstructor()

    // 3.将组件对象,手动挂载到某一个元素上
    toast.$mount(document.createElement('div'))

    // 4.toast.$el对应的就是div
    document.body.appendChild(toast.$el)


    Vue.prototype.$toast = toast
  }
}

export default obj